<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Start - Bunny-ui</title>
    <!-- bunny-ui 核心文件 -->
    <link href="/assets/dist/iconfont/iconfont.css" rel="stylesheet" />
    <script src="/assets/dist/bunny.js"></script>
</head>

<body>
    <div class="bny-card" style="width: 20rem;">
        <div class="bny-card-header">
            头部
        </div>
        <div class="bny-card-body">
            <h4 class="bny-card-title">欢迎光临兔子卡片！</h4>
            <h5 class="bny-card-subtitle">奈斯小标题。</h5>
            <p class="bny-card-text">注意，本例中的卡片宽度已设置为20rem，否则它将尝试填充卡片所在的当前容器/行。</p>
            <button class="bny-btn">让我去这里！</button>
        </div>
        <div class="bny-card-footer">
            底部
        </div>
    </div>
</body>

</html>